import { createFromIconfontCN } from '@ant-design/icons-vue'
import { defineComponent } from 'vue'
// const MyIcon = createFromIconfontCN({
//   scriptUrl: require('./font_2744157_38vpvnt69jr.js'), // 在 iconfont.cn 上生成
//   // scriptUrl: '//at.alicdn.com/t/font_2783408_k509la0r0ef.js', // 在 iconfont.cn 上生成
// })

const MyIcon = defineComponent({
  props: {
    type: {
      type: String,
      required: true,
    },
  },
  setup(props) {
    let iconTypes = props.type

    return {
      iconTypes,
    }
  },
  render() {
    return <span class={{ iconfont: true, [this.iconTypes]: true }}></span>
  },
})
// return () => <span class="icon-yunyingguanli1 iconfont"></span>

//运管管理
export const IconYunYingGuanLi = defineComponent({
  setup() {
    return () => <MyIcon type="icon-hualang" />
  },
})
//权限
export const IconQuanXian = defineComponent({
  setup() {
    return () => <MyIcon type="icon-quanxian" />
  },
})
//成员
export const IconChengYuan = defineComponent({
  setup() {
    return () => <MyIcon type="icon-liebiaomoshi" />
  },
})
//角色
export const IconJiaoSe = defineComponent({
  setup() {
    return () => <MyIcon type="icon-jiaose" />
  },
})

//上传图片
export const IconShangChuan = defineComponent({
  setup() {
    return () => <MyIcon type="icon-shangchuan" />
  },
})

//已发布
export const IconYiFaBu = defineComponent({
  setup() {
    return () => <MyIcon type="icon-01_yifabu" />
  },
})
//未发布
export const IconWeiFaBu = defineComponent({
  setup() {
    return () => <MyIcon type="icon-weifabu" />
  },
})

//回收站

export const IconHuiShouZhan = defineComponent({
  setup() {
    return () => <MyIcon type="icon-huishouzhan1" />
  },
})
//删除
export const IconShanChu = defineComponent({
  setup() {
    return () => <MyIcon type="icon-shanchu" />
  },
})

//备份文件夹

export const IconShouCangJia = defineComponent({
  setup() {
    return () => <MyIcon type="icon-icon-test" />
  },
})
//移动
export const iconYiDong = defineComponent({
  setup() {
    return () => <MyIcon type="icon-yidong" />
  },
})

//下载

export const IconXiaZai = defineComponent({
  setup() {
    return () => <MyIcon type="icon-xiazai" />
  },
})
//恢复
export const IconHuFu = defineComponent({
  setup() {
    return () => <MyIcon type="icon-jurassic_restart" />
  },
})

//取消备份
export const IconQuXiaoShouCang = defineComponent({
  setup() {
    return () => <MyIcon type="icon-quxiaoshoucang_huaban1" />
  },
})

//评分
export const IconPinFeng = defineComponent({
  setup() {
    return () => <MyIcon type="icon-pingfen" />
  },
})
//标签
export const IconBiaoQian = defineComponent({
  setup() {
    return () => <MyIcon type="icon-jurassic_label" />
  },
})
//标签组
export const IconBiaoQianZu = defineComponent({
  setup() {
    return () => <MyIcon type="icon-biaoqianzuweihu" />
  },
})

//icon-wenjianjia

export const IconWenJianJia = defineComponent({
  setup() {
    return () => <MyIcon type="icon-folder-full" />
  },
})

//新建
export const IconXinJian = defineComponent({
  setup() {
    return () => <MyIcon type="icon-xinjian" />
  },
})

//选中
export const IconXuanZhong = defineComponent({
  setup() {
    return () => <MyIcon type="icon-xuanzhong" />
  },
})
